<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery对象和js对象的相互转化</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="div1">div1....</div>
<div id="div2">div2....</div>
</body>
<script>
    //通过js来获取div对象并且修改里面的内容
    var divs=document.getElementsByTagName("div");
    for(var i=0;i<divs.length;i++){
        //divs[i].innerHTML="AAA";//js来修改div中的数据
        $(divs[i]).html("ggg"); //将js对象转换成jquery对象的方法，在前面加一个$即可。
    }
    //通过Jquery框架来获取div对象
    var $divs=$("div");
    //利用Jquery来设置div中的数据，更加的方便
    //$divs.html("ccc");

    //jquery转成js对象来修改div中的数据
    $divs[0].innerHTML="HHH";
    $divs.get(1).innerHTML="HHH";

</script>
</html>